<div style="margin:0px">
<div id="bom_header">&nbsp;</div>
<!--
<div style="color: #444444;" mce_style="color: #444444;">
<table style="width: 100%;" border="0">
<tbody>
<tr>
<td class="standard_title" style="width: 70%;">Bill of Materials</td>
<td style="width: 30%; text-align: right; vertical-align: top;"><span class="link_type" style="vertical-align:top" mce_style="vertical-align:top"> <img style="cursor:pointer" mce_style="cursor:pointer" onclick="nav_obj.show_last_open()" src="images/ui/close_btn.gif" mce_src="images/ui/close_btn.gif" alt="" /> </span></td>
</tr>
</tbody>
</table>
</div>
--> <!--  table.coa_toolbar td {  	vertical-align: middle;  }  --> <!--
<div style="margin-top: 16px; padding: 4px; background-color: #EEE; border: 1px solid #AAA;" mce_style="margin-top: 16px; padding: 4px; background-color: #EEE; border: 1px solid #AAA;">
<table class="coa_toolbar" border="0" cellspacing="2px">
<tbody>
<tr>
<td>Item Group:</td>
<td style="padding-right: 8px;" mce_style="padding-right: 8px;"><select id="bom_item_group"></select></td>
<td>Enter Item Code:</td>
<td style="padding-right: 8px;" mce_style="padding-right: 8px;"><select id="bom_item_code"></select></td>
<td>Enter BOM No:</td>
<td style="padding-right: 8px;" mce_style="padding-right: 8px;"><select id="bom_bom_no"></select></td>
<td>
<div id="bom_refresh"></div>
</td>
<td>
<div id="bom_calculate_cost"></div>
</td>
</tr>
</tbody>
</table>
</div>
--> <!--
<div style="margin: 0px 16px 16px; overflow: auto; padding-top: 4px; height: 300px;">-->
<div style="overflow: auto; margin-top: 8px; padding-top: 4px; height: 300px;">
<div style="width: 900px;">
<div id="bom_head_op" style="display: none;"></div>
<div id="bom_head_it" style="display: none; border-bottom: 2px solid #444;"></div>
<div id="bom_tree"></div>
</div>
</div>
</div>